@charser 'utf-8'
*{margin: 0;padding: 0;}
li{list-style: none;}
.top {
	width: 100%;
	height: 100px;
	position: relative;
	/* border: 1px solid red; */
}
.top .hr {
	width: 94%;
	margin: 50px;
	border-top: 2px solid #b0b0b0;
}
.top .title {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 300px;
	height: 90px;
	background: url('../images/demo3/1.jpg') no-repeat;
	background-position: -40px -521px;
	/* border: 1px solid red; */
}
.section {
	position: relative;
	height: 700px;
	/* border: 1px solid red; */
}
.section .advert {
	position:absolute;
	left: 0;
	right: 0;
	width: 1000px;
	margin: auto;
	/* border: 1px solid blue; */
}
.section .last {
	position: absolute;
	top: 330px;
	left: 0;
	width: 40px;
	height: 55px;
	background: url('../images/demo3/3.png') no-repeat;
	background-position: -7px -87px;
}
.section .last:hover {
	background-color: rgba(0,0,0,.6);
}
.section .next {
	position: absolute;
	top: 330px;
	right: 0;
	width: 40px;
	height: 55px;
	background: url('../images/demo3/3.png') no-repeat;
	background-position: -7px -160px;
}
.section .next:hover {
	background-color: rgba(0,0,0,.6);
}
.section .text {
	position: absolute;
	top: 440px;
	left: 0;
	right: 0;
	margin: auto;
	width: 910px;
	height: 110px;
	background: rgba(0,0,0,.8);
	color: #fff;
	/* border: 1px solid blue; */
}
.text ul.present li:nth-child(1) {
	float: left;
	width: 225px;
	height: 65px;
	padding-right: 15px;
	border-right: 1px solid #fff;
	font-size: 18px;
	/* border: 1px solid red; */
}
.text ul.present li:nth-child(2) {
	float: left;
	width: 541px;
	padding-left: 30px;
	font-size: 14px;
	/* border: 1px solid red; */
}
ul.dot {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: 10px auto;
	width: 90px;
}
ul.dot li {
	float: left;
	width: 10px;
	height: 10px;
	background: #dfd0d1;
	border-radius:50%;
	margin-right: 10px;
}
ul.dot li:nth-child(1) {
	background:red;
}
